@import "imports/variable.less";
@import "imports/mixins.less";
body{
	top:0;
	left:0;
	position:fixed;
	width:100%;
	height:100%;
	.flexCtn();
	.flex_column();
	font-size:14px;
	overflow:hidden;
}
div,ul,li,p,ol{
	width:100%;
}
.box1{
	overflow:scroll;
	.flex(1);
}
.topBar{
	height:15em;
	background:red;
}
.listCtn{
	.cell{
		height:10rem;
		background:green;
		margin-bottom:10px;
		font-size:5rem;
	}
	.vh100{
		height:100vh;
		background:yellow;
	}
}
.box2{
	height:4rem;
	.flexCtn();
	-webkit-align-content: space-between;
	.part{
	}
	.part1{
		width:3rem;
		background:pink;
	}
	.part2{
		width:3rem;
		background:gold;
		height:100%;
	}
}
